<link rel="stylesheet" href="/site_media/css/popup.css" type="text/css" media="screen" />
<style>
#popupStageConf {
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:380px;
    width:408px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:12px;
    font-size:13px;
}

#popupStageConf h1{
    text-align:left;
    color:#6FA5FD;
    font-size:15px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}
</style>
<div id="popupStageConf">
  <a id="stagePopupClose" class="popupclose">x</a>
  <form method="POST" action="/cardwall/edit_stages">
    <input type="hidden" name="wall_id" value={{wall_id}}>
    <h1>Configure Stages</h1>
    <div class="lightbox_content">
      <p class="info">Now it is not possible to delete or insert stage in between any other stages.These facilities will be available from the next release. !!
      </p>
      <div>
	<p>
	  <label for="stage1" class="ligtbox">Stage1:</label> 
	  <input type="text" id="stage1" name="stage1" class="lightbox_text" />
	</p>
	<p>
	  <label for="stage2" class="ligtbox">Stage2:</label> 
	  <input type="text" id="stage2" name="stage2" class="lightbox_text" />
	</p>
	<p>
	  <label for="stage3" class="ligtbox">Stage3:</label> 
	  <input type="text" id="stage3" name="stage3" class="lightbox_text" />
	</p>
	<p>
	  <label for="stage4" class="ligtbox">Stage4:</label> 
	  <input type="text" id="stage4" name="stage4" class="lightbox_text" />
	</p>
	<p>
	  <label for="stage5" class="ligtbox">Stage5:</label> 
	  <input type="text" id="stage5" name="stage5" class="lightbox_text" />
	</p>
	<p>
	  <label for="stage6" class="ligtbox">Stage6:</label> 
	  <input type="text" id="stage6" name="stage6" class="lightbox_text" />
	</p>
      </div>
      <div class="buttonbox">
	<input type="submit" class="submitbutton" value="Save" />
	<input id="stageCancelPopup" type="button" class="cancelbutton" value="Cancel"/>
      </div>
    </div>
  </form>
</div>
